<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>扫码支付生成订单页面</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="code-pay">
		<section class="code-pay-info mt">
			<ul>
				<li>
					<span class="code-pay-name fl">商家</span>
					<span class="code-pay-desc fl">力力渔港桐梓坡天峰名苑店</span>
				</li>
				<li>
					<span class="code-pay-name fl">消费金额</span>
					<input placeholder="请服务员输入消费金额" type="text" pattern="[0-9]*" class="price-input fl f16" />
				</li>
				<li>
					<span class="code-pay-name fl">订单编号</span>
					<span class="code-pay-desc fl co2">145132453645451</span>
				</li>
			</ul>
		</section>
		
		<section class="bt mt">
		<!-- <p class="pay-success-title bb">我的分享券</p> -->
		<h4 class="code-pay-title bb">我的分享劵</h4>
			<div class="cart-price bb">
				<ul class="cart-ticket">
					<li class="bb">
						<span class="fl">分劵</span>
						<span class="co4 fl">余额：<em class="i1">100</em></span>
						<input placeholder="请输入支付金额" onblur="maxInput(this,'.i2')" type="text" pattern="[0-9]*" class="cart-ticket-input fr f16" />
					</li>
					<li class="bb">
						<span class="fl">享劵</span>
						<span class="co4 fl">余额：<em class="i2">100</em></span>
						<input placeholder="请输入支付金额" onblur="maxInput(this,'.i2')" type="text" pattern="[0-9]*" class="cart-ticket-input fr f16" />
					</li>
					<li class="bb">
						<span class="fl">积分</span>
						<span class="co4 fl">余额：100</span>
						<span class="co1 fr">不可用</span>
					</li>
				</ul>
			</div>
		</section>
		<section class="bb bt mt">
			<p class="pay-success-title bb">其他支付方式</p>
			<ul class="pay-detail-list">
				<li class="pay-list-checked wx">微信支付</li>
				<li class="jd">京东支付</li>
			</ul>
		</section>
		
	</div>
	<a href="扫码支付生成订单页面_订单支付页面_转至第三方支付界面_支付结果页面.html" class="generate">生成订单并支付</a>
	<script src="js/zepto.min.js"></script>
	<script>
		function maxInput(o,num){
			var val = o.value;
			var num = parseInt(($(num).text()));
			if(val > num){
				o.value = '';
				alert('请小于余额');
			}
		}
	</script>
</body>
</html>